<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="./jquery2.1.1.min.js" type="text/javascript"></script>
</head>
<body>

<div class="box" >
    111111
    <button class="btn ">按钮</button>
</div>

<script>

    //事件会向上冒泡

    $('.btn').click(function (even){
        console.log("按钮点击了")


        console.log(even)
        even.stopPropagation();  //组织事件向上冒泡
    })

    $('.box').click(function (){
        console.log("BOX点击了")
    })





</script>
</body>
</html>